<template>
	<!-- 我的订单 -->	
	<view class="my-order">
		<view class="title-box">
			<view class="title">
				我的订单
			</view>
			<view class="more" @click="goOrder()">
				全部
				<uni-icons type="forward" size="12" color="#333" style="margin-right:2px;"></uni-icons>
			</view>
		</view>
		<view class="order-status">
			<view class="grid-item-box" @click="goOrder(1)">
				<uni-badge size="small" :text="9" absolute="rightTop" type="error">						
					<svg t="1661242541294" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5039" width="30" height="30"><path d="M928.180148 291.365926v441.419852c0 81.237333-68.911407 147.702519-153.125926 147.702518H249.912889c-84.385185 0-153.296593-66.465185-153.296593-147.702518V291.365926c0-81.408 68.911407-147.873185 153.296593-147.873185h525.141333c84.233481 0.018963 153.125926 66.484148 153.125926 147.873185z" fill="#A7C69E" p-id="5040"></path><path d="M870.475852 371.256889v287.175111H632.282074c-81.787259 0-148.764444-64.625778-148.764444-143.511704 0-39.61363 16.70637-75.529481 43.671703-101.546666a151.134815 151.134815 0 0 1 105.092741-42.135704h238.193778z" fill="#FFFFFF" p-id="5041"></path><path d="M569.552593 514.844444a53.722074 53.608296 0 1 0 107.444148 0 53.722074 53.608296 0 1 0-107.444148 0Z" fill="#A7C69E" p-id="5042"></path></svg>
				</uni-badge>
				<text class="text">待付款</text>	
			</view>
			<view class="grid-item-box" @click="goOrder(2)">
				<uni-badge size="small" :text="9" absolute="rightTop" type="error">		
					<svg t="1661242743527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16008" width="30" height="30"><path d="M512 0A512 512 0 1 1 0 512 512 512 0 0 1 512 0z" fill="#FEB31E" p-id="16009"></path><path d="M765.557029 846.979657H272.369371L190.171429 559.323429l41.120914-287.729372h82.197943l-41.120915 287.729372h123.2896l41.091658 82.197942h164.410514l41.091657-82.197942h123.2896l-41.091657-287.729372h82.197943l41.106285 287.729372zM609.3824 368.713143l-48.128-44.178286v154.243657a43.1104 43.1104 0 0 1-85.898971 0V324.534857l-48.171886 44.178286a45.699657 45.699657 0 0 1-60.737829 0 36.995657 36.995657 0 0 1 0-55.734857l121.417143-111.250286a45.699657 45.699657 0 0 1 60.737829 0l121.417143 111.455086a36.995657 36.995657 0 0 1 0 55.734857 45.699657 45.699657 0 0 1-60.737829-0.2048z" fill="#FFFFFF" p-id="16010"></path></svg>
				</uni-badge>
				<text class="text">待发货</text>
			</view>		
			<view class="grid-item-box" @click="goOrder(3)">
				<uni-badge size="small" :text="9" absolute="rightTop" type="error">
					<svg t="1661243214421" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1039" width="30" height="30"><path d="M543.056 96c18.352-0.08 32.448 5.488 42.832 18.88a47.04 47.04 0 0 1 9.92 26.816c0.064 1.28 0.112 2.384 0.128 3.808l0.24 86.672c0.256 54.4 0.72 119.904 1.424 196.496l4 387.28-211.2-0.432-1.344-7.52c-9.28-51.808-54.048-90-106.976-90.24-53.12-0.128-98.032 37.984-107.36 90.176l-1.36 7.52-48.256 0.32-9.04 0.224C85.024 816 63.84 793.792 64 760.8l0.08-35.488 0.192-574.688c0-3.52 0.16-6.944 0.432-10.368 1.76-23.392 20.48-42.208 43.568-43.824 3.28-0.24 6.192-0.368 9.072-0.368L543.056 96z" fill="#FFBD27" p-id="1040"></path><path d="M767.744 304c22.832-0.08 41.296 7.84 54.672 24.576l9.68 12.16c8.128 10.272 16.48 20.96 25.616 32.832l36.992 48.368c8.992 11.84 16.816 22.304 24.24 32.416l6.512 8.928c18.368 25.424 29.808 51.072 33.92 78.672 0.432 2.88 0.64 5.872 0.624 8.576l-0.096 2.56v211.84c0 25.184-14.816 44.672-38.368 49.744-4.96 1.088-9.536 1.36-16.992 1.328l-73.312-0.08-1.312-7.696c-8.912-52.528-54.16-91.312-108.384-91.84-53.92-0.512-100.32 38.464-109.888 91.328l-1.392 7.616-17.872-0.032-48.048-0.512-0.192-27.296L544 356.528c0-25.488 13.264-44.24 36.224-50.4 3.968-1.088 8.16-1.648 13.04-1.872l3.824-0.112L767.744 304z m-22.528 116.32l-19.04 0.224-62.8-0.064v140.848h189.888l-1.76-4.288a42.72 42.72 0 0 0-4.304-8.16l-19.2-27.136c-6.528-9.184-13.232-18.56-20.176-28.256l-21.712-30.112-26-35.856a15.92 15.92 0 0 0-12.736-7.152l-2.16-0.032z" fill="#FFBD27" p-id="1041"></path><path d="M724.656 752c-46.336-0.432-84.4 37.136-84.656 83.584-0.256 46.4 37.248 84.096 83.84 84.416 46.144 0.256 83.712-36.88 84.16-83.328 0.56-46.512-36.56-84.224-83.344-84.672zM284.16 752a83.728 83.728 0 0 0-84.16 83.904 83.84 83.84 0 0 0 83.968 84.096c46.464 0 84.16-37.76 84.032-84.224A83.952 83.952 0 0 0 284.16 752z" fill="#333333" p-id="1042"></path></svg>
				</uni-badge>
				<text class="text">已发货</text>
			</view>	
			<view class="grid-item-box" @click="goOrder(4)">
				<uni-badge size="small" :text="9" absolute="rightTop" type="error">
					<svg t="1661243283539" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="31069" width="30" height="30"><path d="M566.784 949.85216a22.05696 22.05696 0 0 1-16.43008-7.70048 22.6816 22.6816 0 0 1-4.57728-17.67936l16.01024-94.21824a20.8384 20.8384 0 0 1 6.24128-11.43808l257.5104-257.50016c23.33696-22.08256 59.85792-22.08256 83.18976 0l21.84192 20.80256c22.72768 23.08096 22.72768 60.11904 0 83.2L673.28 924.47232a20.8384 20.8384 0 0 1-10.5984 5.83168l-90.69568 19.12832-5.20192 0.41984z m36.1984-104.00768l-8.51968 49.50528a4.77184 4.77184 0 0 0 6.03136 5.6064l45.76256-9.55904a4.39296 4.39296 0 0 0 2.49344-1.4592l251.87328-252.71296a17.03424 17.03424 0 0 0 0-23.08608l-20.79744-21.85216a17.06496 17.06496 0 0 0-23.08608 0l-252.29824 251.05408a4.36736 4.36736 0 0 0-1.4592 2.70336v-0.19968z" fill="#FF7B6A" p-id="31070"></path><path d="M881.6896 706.89792a20.7616 20.7616 0 0 1-14.56128-5.82144l-76.53376-72.80128a20.79232 20.79232 0 0 1-7.28576-20.80256 20.8128 20.8128 0 0 1 36.81792-9.98912l76.53376 72.80128a20.7872 20.7872 0 0 1-14.55104 38.26176l-0.41984-1.64864zM678.90176 81.4592H158.90432a34.31936 34.31936 0 0 0-34.73408 33.90464l-0.00512 0.41984v546.82624c0.2304 96.39424 78.32064 174.48448 174.72 174.71488h172.42624a29.56288 29.56288 0 0 0 20.80256-8.5248l350.26432-347.15136a29.35296 29.35296 0 0 0 8.94976-20.80256V256.17408c-0.22016-95.5136-76.928-173.24032-172.42624-174.71488z m-23.71584 431.80032H322.39104a29.5424 29.5424 0 1 1 0.00512-58.86464h332.79488a29.5424 29.5424 0 0 1 26.96192 31.90784 29.55264 29.55264 0 0 1-26.96704 26.9568z m0-153.08288H322.39104a29.53728 29.53728 0 1 1 0.00512-58.86464h332.79488a29.5424 29.5424 0 0 1 26.96192 31.90784 29.56288 29.56288 0 0 1-26.96704 26.9568z" fill="#FF7B6A" p-id="31071"></path></svg>
				</uni-badge>
				<text class="text">退款/售后</text>
			</view>	
		</view>
	</view>
</template>

<script>
	export default {
		name:"order-status",
		data() {
			return {
				
			};
		},
		methods:{
			goOrder(status){
				console.log(status)
				let str = ""
				if(status){
					str="?status="+status
				}
				
				this.$uniGo("navigateTo",{
					url:"/pages/my-order/my-order"+str
				})
				
				// uni.navigateTo({
				// 	url:"/pages/my-order/my-order"+str
				// })
			}
		}
	}
</script>

<style lang="scss" scoped>
	.my-order{
		width: 95vw;
		margin: 20rpx auto;
		border-radius: 20rpx;
		padding: 20rpx;
		background: rgba(255, 255, 255, .7);
		box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, .1);
		.title-box{
			padding: 20rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 20rpx;
			.title{
				font-weight: bold;
				// font-size: $uni-font-size-lg;
			}
			.more{
				font-size: $uni-font-size-sm;
			}
		}
		.order-status{
			padding: 20rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.grid-item-box{
			display: flex;
			align-items: center;
			flex-direction: column;
			justify-content: center;
			.text{
				font-size: $uni-font-size-sm;
			}
		}		
	}
</style>